<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/style.css">
    <title>稻香村</title>
</head>
<body>
<div class="china">
    <div class="header">
        <img src="pic/稻香村_03.jpg" alt="">
        <p>
            <span><a href="#">首页</a></span>
            <span><a href="#">系类产品</a></span>
            <span><a href="#">精彩活动</a></span>
            <span><a href="#">推荐搭配</a></span>
            <span><a href="#">门店查询</a></span>
            <span><a href="#">储值卡</a></span>
            <span><a href="#">关于我们</a></span>
            <span><input type="text" placeholder="搜索"></span>
        </p>
    </div>
    <img src="pic/稻香村_10.png" alt="">
    <!--banner-->
    <div class="banner">
        <img src="pic/稻香村_13.jpg" alt="">
    </div>

    <!--产品展示-->
    <div class="chanpinzhanshi">
        <!--<div>-->
        <div class="product"><img src="pic/稻香村_16.jpg" alt="">
            <p class="ab">糕点 <br>pastry</p></div>
        <div class="product"><img src="pic/稻香村_17.jpg" alt="">
            <p class="ab">熟食 <br>cooked</p></div>
        <div class="product"><img src="pic/稻香村_18.jpg" alt="">
            <p class="ab">二十四节气 <br>24 solary term</p></div>
        <div class="product"><img src="pic/稻香村_20.jpg" alt="">
            <p class="ab">节令食品 <br>pastry</p></div>
        <div class="product"><img src="pic/稻香村_23.jpg" alt="">
            <p class="ab">速冻食品 <br>pastry</p></div>
        <div class="product"><img src="pic/稻香村_26.jpg" alt="">
            <p class="ab">糖醇糕点 <br>pastry</p></div>
        <div class="product"><img src="pic/稻香村_28.jpg" alt="">
            <p class="ab">面包主食 <br>pastry</p></div>
        <div class="product"><img src="pic/稻香村_29.jpg" alt="">
            <p class="ab">休闲食品 <br>pastry</p></div>
        <!--</div>-->
        <!--<div></div>-->
    </div>

    <!--新闻-->
    <div class="news">
        <div class="news-left">
            <h3>最新新闻</h3>
            <ul>
                <li>北京稻香村就苏州稻香村媒体媒体说明会的回应2016-04-25</li>
                <li>面对商标乱想，北京稻香村起而维权2016-04-01</li>
                <li>有奖活动 舌尖品春味，带着小稻去踏青！2016-03-28</li>
                <li>春和景明小长假，北京稻香村清明产品上市2016-03-20</li>
                <li>北京稻香村2016年味礼盒上市</li>
            </ul>
        </div>
        <div class="news-right">
            <h3>北京稻香村视频</h3>
        </div>
    </div>

    <!--版权-->
    <div class="footer">
        <br>
        <p>
            <span><a href="#">人才招聘</a></span>
            <span><a href="#">联系我们</a></span>
            <span><a href="#">系统登录</a></span>
            <span><a href="#">意见反馈</a></span>
        </p>
        <img src="pic/稻香村_38.jpg" alt="">
        <img src="pic/稻香村_41.jpg" alt="">
        <p>版权所有北京稻香村食品有限责任公司</p>
        <p>京ICP备0508997-1号京公安备11010102001718号</p>
        <hr>
        <br>
    </div>

</div>
</body>
</html>